<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css变形</title>
		<style>
			#d1 {
				width: 600px;
				border: 2px solid red;
			}

			@media screen and (max-width:800px) {
				#d1 {
					cursor: pointer;
					transform: rotate(7200deg) scale(1.6, 1.6);
					transition: all 3s linear;
				}
			}
			@media print{
				#d1 img{
					height: 10%;
					width: 10%;
				}
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<img src="../image/yuenan.jpg" />
		</div>
	</body>
</html>
